<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>blogread</title>

    <link rel="stylesheet" href="../css/blogread.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="../js/vue-resource.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript" src="../js/jquery.waypoints.min.js"></script>

    <script type="text/javascript" src="../js/blogread.js"></script>

    <!-- 引入样式文件 -->
    <link rel="stylesheet" href="../editormd/examples/css/style.css">
    <link rel="stylesheet" href="../editormd/css/editormd.preview.css">

    <!-- 引入js文件 -->
    <script src="../editormd/examples/js/jquery.min.js"></script>
    <script src="../editormd/lib/marked.min.js"></script>
    <script src="../editormd/lib/prettify.min.js"></script>
    <script src="../editormd/lib/raphael.min.js"></script>
    <script src="../editormd/lib/underscore.min.js"></script>
    <script src="../editormd/lib/sequence-diagram.min.js"></script>
    <script src="../editormd/lib/flowchart.min.js"></script>
    <script src="../editormd/lib/jquery.flowchart.min.js"></script>
    <script src="../editormd/editormd.js"></script>



</head>
<body>

<div id="blog_read_top_img_div">
    <img id="blog_read_top_img" src="../img/readhead.png">
</div>

<div id="blog_read_top">

    <div id="body_navigation_bar">
        <nav class="navbar navbar-default">
            <div class="container-fluid">

                <ul class="nav navbar-nav">
                    <li><a href="../index.html">主页</a></li>
                    <li><a href="../html/article.html">文章</a></li>
                    <li><a href="../html/img.html">图片</a></li>
                    <li><a href="">归档</a></li>

                </ul>

            </div>
        </nav>

    </div>


</div>

<div id="blog_read_body">
    <hr style="border: 1.2px solid red">

    <div id="read">
        <div id="blog_read_info">
            <h2 id="blog_read_title">
                {{ article.blogtitle }}
            </h2>
            <h6 id="blog_read_time">
                {{ article.writetime }}
            </h6>
        </div>

                <!-- {{ blogdata }} -->
                <!-- v-model="blogdata" -->

        <div id="blog_read_editormd">
            

            <textarea id="read_textera"  style="width:1000px; height:800px; display: none">       

            </textarea>

            
           

        </div>

        
    </div>


    <br>
    <br>
    <br>
    <br>
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <div id="content"></div>
    
      <script>
    
        document.getElementById('content').innerHTML =
    
          marked('# Marked in the browser\n\nRendered by **marked**. \n\n ```java String sa ``` ');
    
      </script>



</div >
<hr>
 
<div id="comment">
    
    <div id="comment_tip">
        <span>评论区</span>
        <br>
        <br>
        <hr style="border: 1.2px solid red">
    </div>

</div>


<div style="width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: grey">
    Foreign Exchange App-001<a href="www.redwys.xyz"><b>redmaple</b></a>
</div>
<!-- <div id="blog_read_footer">

</div> -->



<script>

    var blog_read_info_vue = new Vue({

        el:'#read',
        // el:'#blog_read_info',
        data:{
            article: [
                {blogtitle:"sss",writetime:"sss",markdowninfo:"",mdsrc:"",mdContent:""}
            ],
            blogdata:"## sdfsdf ",
        },

    });

</script>





</body>
</html>